<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link href="./table_top_test.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="./script/lib/jquery.min.js"></script>
<script type="text/javascript" src="./script/lib/jquery-ui.min.js"></script>
<title>Tracker</title>
</head>
<body id="table-top">
    <header class="document-header">
        <hgroup>
            <h1>Project Tracker</h1>
            <h2>Minding your matters.</h2>
        </hgroup>
    </header>
</body>
<script type="text/javascript" src="./table_top_test.main.js"></script>
<script type="text/javascript">
    jQuery(function($) {
        "use strict";
        var table, addSection;
        table = $("<table />", {
            class : "tabular"
        }).appendTo($("<div />", {
            class : "tabular-container"
        }).insertAfter($("body").children().not("script")));
        addSection = function(section) {
            
            table.tableInsert({
                data : section
            });
        };
        (function() {
            table.asTable("init").tableAdd({
                displayName : "Draft Candidate Section"
            }, {
                displayName : "Status"
            }, {
                displayName : "Owner"
            }, {
                displayName : "Quality Assurance (QA)"
            }, {
                displayName : "Expected Completion"
            }, {
                displayName : "Notes"
            });
        }).call();
        $.each([ [ "Cover Letter",
            "Ready",
            "Shane",
            "Faisal",
            "5-Apr-2012",
            "Nearing completion at 90&#37;."
        ], [
            "Executive Summary",
            "Active",
            "Faisal",
            "Michael",
            "11-May-2012",
            "Final delivery milestone. Currently in progress."
        ], [
            "Introduction",
            "Inactive",
            "Tin",
            "Faisal",
            "23-Mar-2012",
            "Completed. Cross-checked on the 25-Mar-2012."
        ] ], function(i, section) {
            addSection(section);
        });
    });
</script>
</html>
